#main_site_header {
    position: sticky;
    top: -47px;
    z-index: 2;
}


.b_MainSiteNav{
    --section_padding_block:0;
    background: var(--color_manilla);
    position: sticky;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 3;
}


/*PREVIOUSLY FSL TAG*/
.b_MainSiteNav .previously_fsl{
    background: var(--color_deep_ocean);
    padding: 13px 30px;
    position: absolute;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    font: 700 20px / 1em 'museo-slab-rounded', serif;
    color: var(--color_manilla);
}
@media (width >= 1315px) {
    .b_MainSiteNav .previously_fsl{
        padding: 13px 40px;
        font: 700 27px / 1em 'museo-slab-rounded', serif;
    }
}

/*PREVIOUSLY FSL POPUP*/
.b_MainSiteNav dialog{
    --border_radius: 50px;
    border-radius: var(--border_radius);
    padding: 100px 16px 80px;
    text-align: center;
    margin-inline: auto;
    max-width: calc(100% - 20px);
    border: 0;
    background: var(--color_lemon_chiffon);
}
.b_MainSiteNav dialog .content{
    display: grid;
    gap: 26px;
    justify-items: center;
}
.b_MainSiteNav dialog h2{
    color:var(--color_warm_horizon);
    font-family:'museo-slab-rounded', sans-serif;
}
.b_MainSiteNav dialog [value=close]{
    padding: 0px;
    position: absolute;
    right: 30px;
    top: 30px;
    background: 0;
    border: 0;
}
@media (width >= 600px) {
    .b_MainSiteNav dialog{
        --border_radius: 70px;
        padding-inline:60px;
    }
    .b_MainSiteNav dialog .new_logo{
        width:600px;
    }
}




/*_____________________________ TOP BAR ________________________*/
.b_MainSiteNav .topbar{
    background: var(--color_primary);
    color: var(--color_manilla);
    padding-block: 7px;
}
/*Large*/
@media (width >= 1315px) {
    .b_MainSiteNav .topbar{
        padding-block: 10px;
    }
}
.b_MainSiteNav .topbar .container{
    display: flex;
    align-items: center;
    gap: 20px;
    justify-content: flex-end;
}
.b_MainSiteNav .topbar .container p{
    display: flex;
    gap: 20px;
    justify-content: flex-end;
    padding: 5px 0 0 0;
}
.b_MainSiteNav .topbar .menu {
    display:none;
}
@media (width >= 1315px) {
    .b_MainSiteNav .topbar .menu {
        display:block;
    }
}
.b_MainSiteNav .topbar ul.level_1{
    flex-direction:row;
    gap: 10px;
}
/*Large*/
@media (width >= 1315px) {
    .b_MainSiteNav .topbar ul.level_1{
        gap: 40px;
    }
}
/*Top Bar Links*/
.b_MainSiteNav .topbar a{
    font: var(--font_body_small);
}
.b_MainSiteNav .topbar .social_links{
    display:none;
    gap: 12px;
}
.b_MainSiteNav .topbar svg {
    width: 20px;
    height: 20px;
}
/*Large*/
@media (width >= 1315px) {
    .b_MainSiteNav .topbar .social_links{
        display:flex;
    }
}
.b_MainSiteNav .topbar .languages{
    display: flex;
    gap: 5px;
}




/*_____________________________________ MAIN HEADER ______________________*/
.b_MainSiteNav header{
    align-items: center;
    display:flex;
    gap: 20px;
    justify-content:space-between;
    height: 72px;
}
@media (width >= 1315px) {
    .b_MainSiteNav header{
        height:inherit;
    }
}

/*_____________________________________ LOGO ______________________*/
.b_MainSiteNav .header_logo{
    margin:0 auto 0 0;
    width: 210px;
}
.b_MainSiteNav .header_logo img{
    /* max-width: 120px; */
    width: 100%;
}
/*Large*/
@media (width >= 1315px) {
    .b_MainSiteNav .header_logo{
        width: 250px;
    }
}



/* Menu Wrapper (mobile) */
@media (width < 1315px) {
    .b_MainSiteNav .header_menu_wrapper{
        height: calc(100dvh - 100px);
        padding: 0;
        left: 100%;
        overflow-x: hidden;
        position: absolute;
        top: 100px;
        width: 0;
        transition:left 0.5s, width 0.5s;
    }
}

/* Menu */
.b_MainSiteNav .header_menu{
    background: var(--color_manilla);
}
/* Menu (mobile) */
@media (width < 1315px) {
    .b_MainSiteNav .header_menu{
        align-items: center;
        height: calc(100dvh - 100px);
        overflow-x: hidden;
        overflow-y: auto;
        padding: 20px;
        transition: left 0.3s;
        width: 100vw;
        position: relative;
        z-index: 1;
    }
}
/* Menu (large) */
@media (width >= 1315px) {
    .b_MainSiteNav .header_menu{
        align-items: center;
        display: flex;
        gap: 10px;
    }
}





/* Hamburger */
.b_MainSiteNav .hamburger{
    background:transparent;
    border:0;
    cursor: pointer;
    display: block;
    height: 40px;
    overflow: hidden;
    padding:0 6px;
    position: relative;
    text-indent: -9000px;
    transition: all .3s ease;
    width: 40px;
    min-width:40px;
    z-index: 12;
}
.b_MainSiteNav .hamburger > span{
    background: transparent;
    display: block;
    height: 100%;
    left: 0;
    position: relative;
    top: 0;
    width: 100%;
}
.b_MainSiteNav .hamburger > :before,
.b_MainSiteNav .hamburger > :after{
    background: #363636;
    content: "";
    height: 2px;
    position: absolute;
    transition-delay: .3s,0s;
    transition-duration: .3s,.3s;
    width: 100%;
}
.b_MainSiteNav .hamburger > span:before{
    left: 0;
    top: 12px;
    transition-property: top,transform;
}
.b_MainSiteNav .hamburger > span:after{
    bottom: 12px;
    right: 0;
    transition-property: bottom,transform;
}
/* Hamburger (large) */

/*Large*/
@media (width >= 1315px) {
    .b_MainSiteNav .hamburger{
       display:none;
    }
}




/* When Showing Mobile Menu */
body.show_menu{
    overflow:hidden;
}
.show_menu .b_MainSiteNav .hamburger > span:before{
    top: 19px;
    transform: rotate(45deg);
    transition-delay: 0s,0.3s;
}
.show_menu .b_MainSiteNav .hamburger > span:after{
    bottom: 19px;
    transform: rotate(-45deg);
    transition-delay: 0s,0.3s;
}
/*(mobile)*/
@media (width < 1315px) {
    .show_menu .b_MainSiteNav .header_menu_wrapper{
        left:0;
        width:100%;
    }
}


/*_____________________________________ SUB MENUS ______________________*/
/* All sub menus */
.b_MainSiteNav ul{
    position: relative;
    align-items: flex-start;
    list-style:none;
    margin: 0;
    padding: 0;
}


/* First level menus */
.b_MainSiteNav ul.level_1{
    display: flex;
    flex-direction: column;
    gap: 20px;
}
/* Desktop */
@media (width >= 1315px) {
    .b_MainSiteNav ul.level_1{
        flex-direction: row;
        align-items: center;
    }
}


/*Second level menus*/
.b_MainSiteNav ul.level_2{
    background: var(--color_manilla);
    list-style: none;
    padding: 0 30px;
    margin: 0;
    z-index: 1;
    overflow: hidden;
}
/* Mobile Only */
@media (width < 1315px) {
    .b_MainSiteNav ul.level_2{
        height: 0;
    }
    .b_MainSiteNav li.level_1.open ul.level_2{
        height: auto;
    }
    /* Minus sign */
    .b_MainSiteNav .header_menu li.level_1.open > div a:not(.button):after {
        background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="currentColor"><path d="M200-440v-80h560v80H200Z"/></svg>');
        height: 20px;
    }

}
/* Desktop */
@media (width >= 1315px) {
    .b_MainSiteNav ul.level_2{
        display:none;
        top: 100%;
        left: 0;
        position: absolute;
        padding: 30px 30px;
        border-bottom-left-radius: 30px;
        border-bottom-right-radius: 30px;
        min-width: 300px;
    }
}






/*_____________________________________ MENU ITEMS ______________________*/
/* All menu items */
.b_MainSiteNav .header_menu li{
    position: relative;
}
/* All level menu items */
.b_MainSiteNav .header_menu li div {
    display:flex;
    align-items:center;
}
@media (width >= 1315px) {
    .b_MainSiteNav .header_menu li.level_1 > div {
        padding: 17px 0;
    }
}
/* All level menu items - A */
.b_MainSiteNav .header_menu a:not(.heading):not(.button){
    color: inherit;
}
.b_MainSiteNav .header_menu li a:not(.button) {
    cursor: pointer;
    display: inline-block;
    font-size: 25px;
    font-weight: 700;
    line-height: 28px;
    padding: 10px 5px;
    position: relative;
    text-decoration: none;
    text-transform: none;
    position:relative;
}
/*Medium*/
@media (width >= 1315px) {
    .b_MainSiteNav .header_menu li a:not(.button) {
        font-size:20px;
    }
}
.b_MainSiteNav .header_menu li a:not(.button) > span{
    position:relative;
}






/* First level menus */
.b_MainSiteNav .header_menu ul.level_1 a{
    align-items: center;
    display: flex;
}


/*Second level menus*/
.b_MainSiteNav .header_menu ul.level_2 a{
    font: var(--font_body_regular);
    padding: 0;
    font-size: 18px;
}


/*Third level menus*/
@media (width < 1315px) {
    .b_MainSiteNav .header_menu ul.level_3 {
        display:none;
    }
}



.b_MainSiteNav .header_menu .inset {
    transform: translateX(10px);
}
.b_MainSiteNav .header_menu li a.subheading {
    font-weight: 500;
    font-style: italic;
}
.b_MainSiteNav .header_menu .level_3 li + li a.subheading {
    margin-top: 10px;
}




/*Swipe Effect on hover*/
@media (width >= 1315px) {
    .b_MainSiteNav .header_menu li a:not(.button, [href='#']):before{
        content: '';
        display: block;
        height: 20px;
        background-image: url("data:image/svg+xml,%0A%3Csvg width='221' height='36' viewBox='0 0 221 36' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='0.5'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 32.1319C0 20.518 7.12294 13.8981 8.23096 3.09727C40.2051 1.70361 54.1344 1.70361 96.5555 3.09727C105.578 3.09727 120.615 1.81975 132.962 1.81975C163.195 1.93589 192.794 -0.503019 219.07 0.658365C223.027 14.0143 219.387 23.7699 217.487 35.8483C192.32 33.4094 175.541 33.6417 156.072 33.6417C145.466 33.6417 87.5331 32.8287 51.2852 33.4094C36.5644 33.6417 16.1453 36.6613 4.90692 34.5708C3.64062 33.5255 0.316575 33.8739 0 32.1319Z' fill='%23F5CE8E'/%3E%3Cg style='mix-blend-mode:multiply' opacity='0.6'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M219.071 0.658203C215.747 3.44552 213.214 3.79394 211.473 6.34898C209.732 8.90403 207.99 10.53 206.249 12.1559C204.508 13.7818 202.292 13.7818 202.292 15.9885C202.292 18.1951 201.817 19.2403 202.767 20.1695C203.717 21.0986 204.508 22.3761 204.508 22.3761C206.724 24.9311 205.458 20.4017 206.724 24.9311C207.99 29.4605 207.674 30.3896 209.415 31.0865C211.156 31.7833 208.94 30.1574 211.156 31.7833C213.056 33.177 213.689 35.4997 216.221 35.8481H217.646C219.545 23.7697 223.186 14.0141 219.229 0.658203H219.071Z' fill='%23F5CE8E'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
        background-repeat:no-repeat;
        transition: width 0.3s;
        width: 0;
        position: absolute;
        top: 50%;
        left: -10px;
        transform: translateY(-50%);
    }
    .b_MainSiteNav .header_menu li a:not(.button):hover:before{
        width: calc(100% + 20px);
    }
    .b_MainSiteNav .header_menu li a.long:before{
        top: 15px;
    }
}





/*All menu items with dropdown - toggle*/
@media (width < 1315px) {
    /* Plus button */
    .b_MainSiteNav .header_menu li.level_1 > div a:not(.button):after {
        content: '';
        display: block;
        height: 12px;
        /* Plus Sign */
        background-image: url('data:image/svg+xml,<svg width="11" height="11" viewBox="0 0 11 11" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.2 0.329999H7.78L5.74 10.45H3.18L5.2 0.329999ZM0.76 4.19H10.66L10.18 6.59H0.26L0.76 4.19Z" fill="currentColor"/></svg>');
        background-repeat: no-repeat;
        transition: width 0.3s;
        width: 12px;
        position: absolute;
        right: -15px;
    }
}




/*Donate Now Button*/
.b_MainSiteNav .header_menu li .button {
    white-space:nowrap;
    padding: 12px 38px;
    font-size: 24px;
}
@media (width >= 1315px) {
    .b_MainSiteNav .header_menu li a:not(.button) {
        margin:0;
    }

    /*Hide toggle on desktop*/
    .b_MainSiteNav .header_menu li .toggle {
        display:none;
    }
}








/*All Sub level menu items*/
/* .b_MainSiteNav .header_menu li:not(.level_1) {
    padding: 5px 0;
} */

/*Show child nav when parent is hovered*/
.b_MainSiteNav li:hover > ul{
    display: grid;
}

/*Mark current page*/
.current:before {
    width: 100%;
}



/* Programs Submenu */
.b_MainSiteNav .header_menu li a.heading{
    font-family: 'museo-slab-rounded';
    font-size: var(--font_size_body_regular);
    font-weight: 700;
    margin-bottom: 10px;
}
@media (width >= 1315px) {
    .b_MainSiteNav .header_menu li:has(.level_2) > ul{
        background: #f5f3dff2;
    }
    .b_MainSiteNav .header_menu li:has(.programs) > ul{
        grid-auto-flow:column;
        grid-template-columns: repeat(4, 250px);
        gap: 20px;
        transform: translateX(-225px);
    }
    .b_MainSiteNav .header_menu li:has(.programs) > div{
        padding-left:50px;
    }
}